@CHARSET "UTF-8";

@CHARSET "UTF-8";

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #262626 0%, #030202 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #262626 0%, #030202 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #262626 0%, #030202 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #262626),
		color-stop(1, #030202));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #262626 0%, #030202 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #262626 0%, #030202 100%);
}

.mainDiv {
	width: 600px;
	height: 300px;
	background-image: url("../img/loginBackground.jpg");
	border-radius: 20px;
	padding: 10px;
	position: absolute;
	margin-top: -150px;
	margin-left: -300px;
	top: 50%;
	left: 50%;
}

.innerDiv {
	border-top: medium solid #FFFFFF;
	float: right;
	height: 40px;
	margin: 100px -10px auto 0;
	padding: 10px;
	position: inherit;
	right: 2%;
	top: 50%;
	width: 95%;
}

.innerButtonDiv {
	height: 40px;
	margin: 90px -5px auto 0;
	padding: 10px;
	position: inherit;
	right: 2%;
	top: 5%;
	width: 15%;
}

.fieldDiv {
	margin-left: 15%;
	margin-top: 45px;
}

.textBox {
	border-radius: 10px 10px 10px 10px;
	border-style: solid;
	height: 25px;
}

.textField {
	color: white;
	font-weight: bold;
	font-variant: inherit;
}


.loginButton {
    background-image: url("../img/loginBtn.png");
    background-position: center center;
    border-radius: 100px 100px 100px 100px;
    height: 48px;
    width: 48px;
}

